<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面菜单</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/menu.css">
</head>
<body>
<div class="menu1">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">公司简介</a></li>
        <li><a href="#">主要产品</a></li>
        <li><a href="#">联系我们</a></li>
    </ul>
</div>

<div class="sep"></div>
<div class="menu2">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">公司简介</a>
            <ul class="submenu">
                <li><a href="">发展历程</a></li>
                <li><a href="">管理结构</a></li>
                <li><a href="">部门架构</a></li>
                <li><a href="">远景规划</a></li>
            </ul>

        </li>
        <li><a href="#">主要产品</a>
            <ul class="submenu">
                <li><a href="#">代理销售</a></li>
                <li><a href="#">软件研发</a></li>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">定制服务</a></li>
            </ul>

        </li>
        <li><a href="#">联系我们</a></li>
    </ul>
</div>
<div class="sep"></div>
<div class="sep"></div>
<div class="sep"></div>
<div class="sep"></div>
<div class="menu3">
    <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">公司简介</a>
            <ul class="submenu">
                <li><a href="">发展历程</a></li>
                <li><a href="">管理结构</a></li>
                <li><a href="">部门架构</a></li>
                <li><a href="">远景规划</a></li>
                <li><a href="">发展历程</a></li>
                <li><a href="">管理结构</a></li>
                <li><a href="">部门架构</a></li>
                <li><a href="">远景规划</a></li>
                <li><a href="">发展历程</a></li>
                <li><a href="">管理结构</a></li>
                <li><a href="">部门架构</a></li>
                <li><a href="">远景规划</a></li>
                <li><a href="">发展历程</a></li>
                <li><a href="">管理结构</a></li>
                <li><a href="">部门架构</a></li>
                <li><a href="">远景规划</a></li>
            </ul>

        </li>
        <li><a href="#">主要产品</a>
            <ul class="submenu">
                <li><a href="#">代理销售</a></li>
                <li><a href="#">软件研发</a></li>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">定制服务</a></li>
            </ul>

        </li>
        <li><a href="#">联系我们</a></li>
    </ul>
</div>
</body>
</html>